﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta  content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Trabajo HTML5 Responsive Template</title>
    <!-- Favicon -->
    <link rel="icon" href="/SWRW/public/assets/images/favicon.png" type="image/png" sizes="32x32">
    <!-- All CSS -->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/aos.min.css">
    <link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome.4.7.0.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/magnific.min.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/select2.min.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/slimmenu.min.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/style.css">
    <!-- Google font -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
</head>
   <body>
      <!--header-start -->
      <header class="header-area">
         <div class="container">
            <div class="row">
               <div class="col-lg-2">
                  <div class="logo">
                     <a href="index.html"><img src="/SWRW/public/assets/images/logo.png" alt="image" /></a>
                  </div>
               </div>
               <div class="col-lg-10">
                  <div class="header-container d-flex justify-content-between highlight">
                     <nav class="highlight">
                        <ul id="responsive-menu" class="slimmenu">
                           <li><a class="nav-link" href="index.html">Home</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="about.html">About</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="#">Pages</a>
                              <ul>
                                 <li><a href="job-listing.html">Job listing</a></li>
                                 <li><a href="job-post.html">Job Details</a></li>
                                 <li><a href="submit.html">Submit Resume</a></li>
                                 <li><a href="post-job.html">Post Job</a></li>
                                 <li><a href="candidates.html">Candidates</a></li>
                                 <li><a href="companies.html">Companies</a></li>								 
                                 <li><a href="login.html">Login</a></li>
                                 <li><a href="reg.html">Register</a></li>
                                 <li><a href="style-guide.html">Style Guide</a></li>
                                 <li><a href="404.html">404 Page </a></li>
                              </ul>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="candidates.html">Candidates</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="blog-page.html">Blog</a>
                              <ul>
                                 <li><a href="blog-details.html">Blog Post</a></li>
                                 <li><a href="style-guide.html">Style Guide</a></li>
                              </ul>
                           </li>
                           <li class="nav-item"><a href="contact.html">Contact</a></li>
                           <li class="nav-item call-to-action "><a href="post-job.html">Post Job</a></li>
                        </ul>
                     </nav>
                  </div>
               </div>
            </div>
         </div>
      </header>
      <!--header-end -->
    <div class="header-banner pt-75 pb-75 clearfix" style="background-image:url(/SWRW/public/assets/images/header-bg.jpg)">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="banner-text text-center">
                        <h1>Blog</h1>
                        <ul class="breadcumb list-inline">
							<li class="list-inline-item"><a href="index.html">Home</a></li>
							<li class="list-inline-item">Blog Page</li>
						</ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <main class="main-content-area clearfix">
        <div class="blog-post-area pb-100 pt-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-md-7">
                        <div class="blog-wrapper">
                            <div class="single-block">
                                <div class="blog-img">
                                    <a href="blog-details.html"><img src="/SWRW/public/assets/images/06_Blog.png" alt="image" /></a>
                                </div>
                                <div class="content-wrap">
                                    <div class="blog-title">
                                        <h3><a href="blog-details.html">7 Things You Didn’t Know About Working At Nike</a></h3></div>
										<div class="author-name">
										  
                                            <span><a href="#"><i class="fa fa-user" aria-hidden="true"></i> Royal Hai</a> <span class="date"><i class="fa fa-calendar" aria-hidden="true"></i>03 December</span></span>
										</div>
										
                                    <div class="blog-content">
                                        <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo fringilla vel aliquet nec vulputate eget arcu. In enim justo rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum</p>
                                    </div>
                                    <div class="author-data post-meta d-flex justify-content-between ">
                                        
                                        <div class="read-more-btn"><a href="blog-details.html">Read More</a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="single-block">
                                <div class="blog-img">
                                    <a href="blog-details.html"><img src="/SWRW/public/assets/images/blog-2.png" alt="image" /></a>
                                </div>
                                <div class="content-wrap">
                                    <div class="blog-title">
                                        <h3><a href="blog-details.html"> You get the opportunity to spend time with top athletes</a></h3></div>
										<div class="author-name">
										  
                                            <span><a href="#"><i class="fa fa-user" aria-hidden="true"></i> Royal Hai</a> <span class="date"><i class="fa fa-calendar" aria-hidden="true"></i>03 December</span></span>
										</div>
										
                                    <div class="blog-content">
                                        <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo fringilla vel aliquet nec vulputate eget arcu. In enim justo rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum</p>
                                    </div>
                                    <div class="author-data post-meta d-flex justify-content-between ">
                                        
                                        <div class="read-more-btn"><a href="blog-details.html">Read More</a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="single-block">
                                <div class="blog-img">
                                    <a href="blog-details.html"><img src="/SWRW/public/assets/images/blog-3.png" alt="image" /></a>
                                </div>
                                <div class="content-wrap">
                                    <div class="blog-title">
                                        <h3><a href="blog-details.html">You get a zen space to practice meditation</a></h3></div>
										<div class="author-name">
										  
                                            <span><a href="#"><i class="fa fa-user" aria-hidden="true"></i> Royal Hai</a> <span class="date"><i class="fa fa-calendar" aria-hidden="true"></i>03 December</span></span>
										</div>
										
                                    <div class="blog-content">
                                        <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo fringilla vel aliquet nec vulputate eget arcu. In enim justo rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum</p>
                                    </div>
                                    <div class="author-data post-meta d-flex justify-content-between ">
                                        
                                        <div class="read-more-btn"><a href="blog-details.html">Read More</a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="single-block">
                                <div class="blog-img">
                                    <a href="blog-details.html"><img src="/SWRW/public/assets/images/blog-4.png" alt="image" /></a>
                                </div>
                                <div class="content-wrap">
                                    <div class="blog-title">
                                        <h3><a href="blog-details.html">Practicing meditation while at the office allows employees to focus</a></h3></div>
										<div class="author-name">
										  
                                            <span><a href="#"><i class="fa fa-user" aria-hidden="true"></i> Royal Hai</a> <span class="date"><i class="fa fa-calendar" aria-hidden="true"></i>03 December</span></span>
										</div>
										
                                    <div class="blog-content">
                                        <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo fringilla vel aliquet nec vulputate eget arcu. In enim justo rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum</p>
                                    </div>
                                    <div class="author-data post-meta d-flex justify-content-between ">
                                        
                                        <div class="read-more-btn"><a href="blog-details.html">Read More</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-5">
                        <div class="right-sidebar">
                            <div class="sidebar-widget mb-4">
                                <div class="sidebar-title">
                                    <h3>Search Jobs</h3>
                                </div>
                                <div class="sidebar-details">
                                    <form action="#">
                                        <div class="form-group">
                                            <input type="search" placeholder="keyword" />
                                        </div>
                                        <button type="submit" class="buttonfx curtainup">Search</button>
                                    </form>
                                </div>
                            </div>
                            <div class="sidebar-widget mb-4">
                                <div class="sidebar-title">
                                    <h3>Jobs Category</h3>
                                </div>
                                <div class="sidebar-details">

                                    <ul class="category-list list-inline">
                                        <li><a href="#">Government (02)</a></li>
                                        <li><a href="#">Media & News (08)</a></li>
                                        <li><a href="#">Accounting (03)</a></li>
                                        <li><a href="#">Design (06)</a></li>
                                        <li><a href="#">Educations (45)</a></li>
                                        <li><a href="#">Medical (16)</a></li>
                                    </ul>

                                </div>
                            </div>
                            <div class="sidebar-widget mb-4">
                                <div class="sidebar-title">
                                    <h3>Recent Post</h3>
                                </div>
                                <div class="sidebar-details">
                                    <div class="recent-post-wrapper">
                                        <div class="recent-post d-flex">
                                            <div class="post-thumb">
                                                <a href="blog-details.html"><img src="/SWRW/public/assets/images/post-thumb-1.png" alt="image" /></a>
                                            </div>
                                            <div class="post-title">
                                                <p><a href="blog-details.html">5 Content Management System</a></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="recent-post d-flex">
                                        <div class="post-thumb">
                                            <a href="blog-details.html"><img src="/SWRW/public/assets/images/post-thumb-2.png" alt="image" /></a>
                                        </div>
                                        <div class="post-title">
                                            <p><a href="blog-details.html">wellentesq epre tium quis comment</a></p>
                                        </div>
                                    </div>
                                    <div class="recent-post d-flex">
                                        <div class="post-thumb">
                                            <a href="blog-details.html"><img src="/SWRW/public/assets/images/post-thumb-3.png" alt="image" /></a>
                                        </div>
                                        <div class="post-title">
                                            <p><a href="blog-details.html">Increase More Traffic & More Sales</a></p>
                                        </div>
                                    </div>
                                    <div class="recent-post d-flex">
                                        <div class="post-thumb">
                                            <a href="blog-details.html"><img src="/SWRW/public/assets/images/post-thumb-4.png" alt="image" /></a>
                                        </div>
                                        <div class="post-title">
                                            <p><a href="blog-details.html">Ttesq epre tium quis comment</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="sidebar-widget mb-4 p-0">
                                <a href="#"><img src="/SWRW/public/assets/images/ads.png" alt="image" /></a>
                            </div>
                        </div>

                     </div>
                </div>
            </div>
        </div>
    </main>
    <!--footer-area-start -->
      <footer>
         <div class="footer-area pt-100 pb-100 clearfix minus-30">
            <div class="container">
               <div class="row">
                  <div class="col-lg-3 col-md-3 col-sm-6">
                     <div class="footer-widget">
                        <div class="widget-title">
                           <a href="index.html"><img src="/SWRW/public/assets/images/footer-logo.png" alt="image" /></a>
                        </div>
                        <p>Cras semper auctor neque vitae tempus quam pellentesque nec nam aliquam sem et tortor consequat id porta nibh venenatis cras sed felis eget  </p>
                        <div class="social-link mt-4">
                           <ul>
                              <li class="facebook"><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                              <li class="twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
                              
                              <li class="linkedin"><a href="#"><i class="fa fa-linkedin" ></i></a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-md-3 col-sm-6">
                     <div class="footer-widget">
                        <div class="widget-title">
                           <h3>Candidates</h3>
                        </div>
                        <div class="widget-link">
                           <ul>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Browse Jobs</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Submit Resume</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>My Bookmarks</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Job Alerts</a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-md-3 col-sm-6">
                     <div class="footer-widget">
                        <div class="widget-title">
                           <h3>Employers</h3>
                        </div>
                        <div class="widget-link">
                           <ul>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Employers</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Add Job</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Jobs Listing</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Employers Grid</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Employer Listing</a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-md-3 col-sm-6">
                     <div class="footer-widget">
                        <div class="widget-title">
                           <h3>Subscribe Us</h3>
                        </div>
                        <div class="widget-text">
                           <form action="#">
                              <input type="email" placeholder="Your Email" />
                              <button type="submit" class="buttonfx curtainup">Subscribe</button>
                           </form>
                           <p>Nceptos, nulla dictumst neque nam aliquam</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="footer-bottom-area clearfix">
            <div class="container">
               <div class="row">
                  <div class="col-md-12">
                     <div class="footer-bottom text-center">
                        <p>&copy; Copyright - 2019 trabajo - Designed By <a href="http://www.jq22.com/">Themeix</a></p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </footer>
      <!--footer-area-end -->
      <!-- ==================== START PRELOADER HERE ===================================== -->
      <div class="preloader" id="preloader">
         <div class="lds-ripple">
            <div></div>
            <div></div>
         </div>
      </div>
      <!-- ==================== END PRELOADER HERE ===================================== -->		
      <!-- ====================ALL JS FILE HERE===================================== -->
      <!-- jQuery -->
	  <script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script>
	  <script src="/SWRW/public/assets/js/modules/bootstrap.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/proper.js"></script>
	  <script src="/SWRW/public/assets/js/modules/jquery.waypoints.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/owl.carousel.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/magnific.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/typing.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/select2.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/aos.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/slimmenu.min.js"></script>
	  
      <script src="/SWRW/public/assets/js/app.js"></script>  
	  
   </body>
</html>
